/**
 * @author : HuangMingSheng
 * @description : 按钮组件样式
 */
@import '../../styles/variable.less';

.ms-button {
  padding: 8px 16px;
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  transition: all 0.3s;
  
  &--primary {
    background-color: var(--primary-color);
    color: white;
    
    &:hover {
      opacity: 0.8;
    }
  }
  
  &--secondary {
    background-color: transparent;
    color: var(--primary-color);
    border-color: var(--primary-color);
  }
  
  &--danger {
    background-color: var(--error-color);
    color: white;
  }
  
  &--disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }
}